<template>
 <div>
    <el-tabs v-model="activeName">
        <el-tab-pane label="部门管理" name="dep"><DepComp /></el-tab-pane>
        <el-tab-pane label="职位管理" name="pos"><PosComp /></el-tab-pane>
        <el-tab-pane label="职称管理" name="job"><JobComp /></el-tab-pane>
        <el-tab-pane label="奖惩规则" name="ec"><EcComp /></el-tab-pane>
        <el-tab-pane label="权限组" name="permiss"><PermissComp /></el-tab-pane>
    </el-tabs>
 </div>
</template>

<script>
import DepComp from './components/DepComp.vue'
import PosComp from './components/PosComp.vue'
import JobComp from './components/JobComp.vue'
import EcComp from './components/EcComp.vue'
import PermissComp from './components/PermissComp.vue'
 export default {
   name: 'SysBasic',
   props: {
     
   },
   components: {
      DepComp,
      PosComp,
      JobComp,
      EcComp,
      PermissComp
   },
   data () {
     return {
       activeName : 'pos',
     }
   },
   methods: {

   },
   mounted() {

   },
   watch: {

   },
   computed: {

   },
   filters: {

   }
 }
</script>

<style scoped>

</style>